<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>
	<meta name="format-detectoin" content="telephone=no">
	<title>IndexPage</title>
	<link rel="stylesheet" type="text/css" href="../css/style.css">
	<script type="text/javascript" src="../js/jweixin-1.0.0.js"></script>
	<script type="text/javascript" src="../js/zepto.js"></script>
	<script type="text/javascript" src="../js/iscroll.js"></script>
	<script type="text/javascript" src="../js/my.js"></script>
</head>
<body >
	<div id="loading">
		<img src="../images/welcome/loading.gif" width="100%" height="100%">
		<div class="loading_title">
			<p>正在加载页面:&nbsp<span class="process"></span></p>
			<p>国际大师艺术展</p>
		</div>
	</div>
	<div id="wrapper" class="wrapper">
		<div id="scroller" class="scroller">
			<div class="home">
				<div class="ico home_light1"></div>
				<div class="ico home_art1"></div>
				<div class="ico home_light2"></div>
				<div class="ico home_art2"></div>
				<div class="ico entry_logo"><h5>由此进入</h5></div>
				<div class="ico home_eye"></div>
				<div class="ico home_home"></div>
				<div class="ico home_sun"></div>
				<div class="ico home_fly1"></div>
				<div class="ico home_fly2"></div>
				<div class="ico home_fly3"></div>
				<div class="ico home_fly4"></div>
				<div class="ico home_fly5"></div>
			</div>
		</div>
	</div>

	<div id="art_show" class="artwrapper">
		<div id="scroller2" class="scroller">
			<div class="container">
				<div class="section">
					<div class="ico pipe"></div>
					<div class="title_box">
						<div class="ico ex_title">
							<div class="ex_text">
								<p >第二届南京国际美术展是由中国
									乔商联合会、中国公共外键协会
									第二届南京国际美术展是由中国
									乔商联合会、中国公共外键协会
									第二届南京国际美术展是由中国
									乔商联合会、中国公共外键协会
									第二届南京国际美术展是由中国
									乔商联合会、中国公共外键协会<br/>
									&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp第二届南京国际美术展是由中国
									乔商联合会、中国公共外键协会
									第二届南京国际美术展是由中国
									乔商联合会、中国公共外键协会
								</p>
							</div>
						</div>
					</div>
					<div class="ico ico_hand"></div>
				</div>
				<div class="section1">
					<div class="ico section1_title">国际艺术大师展
						<div class="ico title_border"></div>
					</div>
					<div class="ico ball_start"></div>
					<div class="ico ball_line">
						<div class="ico ball"></div>
					</div>
					<div class="ico pic_show1">
						<div class="ico copy1"></div>
						<div class="pic pic1" data-id="1"></div>
						<div class="ico copy2"></div>
						<div class="pic pic2" data-id="2"></div>
					</div>
					<div class="ico geometry1"></div>
					<div class="ico geometry2"></div>
				</div>
				<div class="section2">
					<div class="ico moumtain_line"></div>
					<div class="ico section2_bg"></div>
					<div class="ico copy_button copy3"></div>
					<div class="pic pic3" data-id="3"></div>
					<div class="ico copy_button copy4"></div>
					<div class="pic pic4" data-id="4"></div>
					<div class="ico copy_button copy5"></div>
					<div class="pic pic5" data-id="5"></div>
					<div class="ico copy_button copy6"></div>
					<div class="pic pic6" data-id="6"></div>
					<div class="ico section2_title"></div>
					<div class="ico rotate_left_right"></div>
					<div class="ico section2_geometry3"></div>
					<div class="ico section2_geometry4"></div>
					<div class="ico section2_box1"></div>
				</div>
				<div class="section3">
					<div class="ico section3_bg"></div>
					<div class="ico section3_geometry1"></div>
					<div class="ico section3_geometry2"></div>
					<div class="ico small_base"></div>
					<div class="ico section3_line"></div>
					<div class="ico section3_trans_base"></div>
					<div class="ico copy_button copy7"></div>
					<div class="pic pic7" data-id="7"></div>
					<div class="ico copy_button copy8"></div>
					<div class="pic pic8" data-id="8"></div>
					<div class="ico section3_title3"></div>
					<div class="ico section3_box1"></div>
					<div class="ico section3_box2"></div>
					<div class="ico section3_box3"></div>
					<div class="ico section3_box4"></div>
					<div class="ico section3_box5"></div>
					<div class="ico copy_button copy9"></div>
					<div class="pic pic9" data-id="9"></div>
					<div class="ico section3_trans"></div>
					<div class="ico trans_base"></div>
					<div class="ico copy_button copy10"></div>
					<div class="pic pic10" data-id="10"></div>
					<div class="ico copy_button copy10_1"></div>
					<div class="ico copy_button copy11"></div>
					<div class="pic pic11" data-id="11"></div>
					<div class="ico copy_button copy12"></div>
					<div class="pic pic12" data-id="12"></div>
					<div class="ico global_title"></div>
					<div class="ico copy_button copy13"></div>
					<div class="pic pic13" data-id="13"></div>
					<div class="ico copy_button copy14"></div>
					<div class="ico section3_art"></div>
					<div class="pic pic14" data-id="14"></div>
					<div class="ico section3_ball2"></div>
					<div class="ico art_title">艺术衍生物</div>
					<div class="art_border"></div>
					<div class="ico art_base"></div>
				</div>
			</div>
		</div>
	</div>

	<div class="show_audio">
		<div class="inner">
			<div class="closeico">x</div>
			<div class="ico audio_pic">
				<img class="picture" src="../images/audio/m_1.png" alt="audio_picture">
			</div>
			<div class="pic_audio">
				<audio src="http://7xl3ul.com2.z0.glb.qiniucdn.com/h5/audio/2.mp3" id="audio"></audio>
				<div class="play_audio">
					<div class="ico play"></div>
					<div class="ico pause"></div>
					<div class="ico audio_line"></div>
					<div class="audio_time">00:00</div>
				</div>
			</div>
			<h2 class="audio_title">国际艺术大师展</h2>
			<div class="audio_detail">
					德兰，野兽派创始人之一。创作风格多变，经历了野兽派、立体主义、非洲艺术、古典主义等几个时期，令批评家们望而生畏。这幅作品《狩猎》创作于1946-1950年中，我们可以看到德兰大面积地平涂了鲜艳的黄色、橙色、绿色，笔触大胆奔放、充满活力，隐约可现的弯曲缠扰的旋涡状图案，暗涌着一股强烈的运动感。
			</div>
			<div class="more_detail_box">
				<div class="audio_more detail">查看更多</div>
			</div>
			<div class="audio_more audio_buy">洽购</div>
		</div>
	</div>
</body>
</html>